<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no">
  <link rel="stylesheet" href="./lib/swiper/css/swiper.min.css">
  <link rel="stylesheet" href="./css/base.css">
  <link rel="stylesheet" href="./css/index.css">
  <title>Document</title>
</head>

<body>
  <!-- 头部部分 -->
  <header>
    <div class="header-top">
      <div class="logo"></div>
      <div class="uplode"></div>
    </div>
    <div class="header-bottom">
      <div class="header-bottom-left">
        <input type="text" placeholder="请输入你想比价的商品">
      </div>
      <a href="javascript:;" class="search">搜索</a>
    </div>
  </header>
  <div class="view">

    <!-- 轮播图部分 -->
    <div class="lunbo swiper-container">
      <ul class="swiper-wrapper">
        <li class="swiper-slide">
          <a href="javascript:;">
            <img src="./images/l1.jpg" alt="">
          </a>
        </li>
        <li class="swiper-slide">
          <a href="javascript:;">
            <img src="./images/l2.jpg" alt="">
          </a>
        </li>
        <li class="swiper-slide">
          <a href="javascript:;">
            <img src="./images/l3.jpg" alt="">
          </a>
        </li>
        <li class="swiper-slide">
          <a href="javascript:;">
            <img src="./images/l4.jpg" alt="">
          </a>
        </li>
        <li class="swiper-slide">
          <a href="javascript:;">
            <img src="./images/l5.jpg" alt="">
          </a>
        </li>
        <li class="swiper-slide">
          <a href="javascript:;">
            <img src="./images/l6.jpg" alt="">
          </a>
        </li>
        <li class="swiper-slide">
          <a href="javascript:;">
            <img src="./images/l7.jpg" alt="">
          </a>
        </li>
        <li class="swiper-slide">
          <a href="javascript:;">
            <img src="./images/l8.jpg" alt="">
          </a>
        </li>
      </ul>

      <!-- 小圆点 -->
      <div class="swiper-pagination"></div>

    </div>

    <!-- 商品导航部分 -->
    <nav class="navigation">
      <ul class="clear">

        <!-- 引入模板  先占坑 -->

      </ul>
    </nav>

    <!-- 空隙部分 -->
    <div class="void"></div>

    <!-- 商品部分 -->
    <div class="commodity">
      <div class="commodity-title">
        <h4>超值折扣推荐</h4>
        <img src="./images/more.png" alt="">
      </div>
      <div class="commodity-conten">
        <ul>

          <!-- 引入模板 -->

        </ul>
      </div>
    </div>

    <!-- 加载更多 -->
    <div class="more">
      <a href="moneyctrl.html" class="more-conten">更多优惠信息</a>
    </div>

    <!-- 品牌排行 -->
    <div class="ranking">
      <h4>品牌排行</h4>
      <a href="javascript:;">
        <img src="./images/more.png" alt="">
      </a>
    </div>
  </div>
  <!-- 底部部分 -->
  <footer>
    <div class="direct">
      <a href="javascript:;" class="search">登录</a>
      <a href="javascript:;" class="search">注册</a>
      <a href="#" class="backTop">
        <span></span>返回顶部</a>
    </div>
    <div class="copyright">
      <p>
        <a href="javascript:;">手机APP下载</a> 慢慢买手机版 --
        <span>掌上比价平台</span>
      </p>
      <a href="javascript:;">m.manmanbuy.com</a>
    </div>
  </footer>
</body>

</html>
<script src="./assets/art-template/template-web.js"></script>
<script src="./lib/swiper/js/swiper.min.js"></script>
<script src="./lib/zepto/src/zepto.js"></script>
<script src="./lib/zepto/src/event.js"></script>
<script src="./lib/zepto/src/touch.js"></script>
<script src="./js/jquery.js"></script>
<script src="./js/index.js"></script>

<!-- 商品部分的模板 -->
<script type="text/template" id="temp">
  {{each data value}}
  <li>
    <a href="inlanddiscount.html?id={{value.productId}}">
      <div class="imgs">
        {{@value.productImgSm}}
      </div>
      <div class="details">
        <div class="details-name">
          <p>
            {{value.productName}}
            <span class="price-r">{{value.productPinkage}}</span>
          </p>
        </div>
        <div class="details-time">
          <p>
            <span>{{value.productFrom}} |</span>{{value.productTime}}</p>
          <em>
            <i></i>{{value.productComCount}}</em>
        </div>
      </div>
    </a>
  </li>
  {{/each}}
</script>

<!-- 商品导航部分的模板 -->
<script type="text/templated" id="temp_title">

  {{each data val}}
  <li>
    <a href="{{val.titlehref}}">
      {{@val.img}}
      <span>{{val.name}}</span>
    </a>
  </li>
  {{/each}}

</script>